// ===============================================================================================
//  File Name: faq.scss
//  Description: FAQ Page Content SCSS
//  ----------------------------------------------------------------------------------------------
//  Item Name: Vuexy React Admin Template
//  Version: 1.0
//  Author: PIXINVENT
//  Author URL: http://www.themeforest.net/user/pixinvent
// ================================================================================================

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/mixins";
@import "../bootstrap-extended/mixins";

// Core variables and mixins overrides
@import "../core/variables/variables";
@import "~bootstrap/scss/_variables.scss";

@import "../core/variables/components-variables";

// FAQ jumbotron scss
.faq-bg {
  background: url("../../img/pages/faq.jpg") no-repeat;
  background-size: cover;
  .form-control {
    &:focus {
      // after focus search icon color
      ~ .form-control-position {
        svg {
          color: $primary;
        }
      }
    }
  }
}

.faq {
  //faq sidebar scss
  .faq-content {
    .faq-table-content {
      cursor: pointer;
      padding: 0.5rem;
      font-weight: $headings-font-weight;
      .bullet {
        margin-right: 0.5rem;
      }
    }
  }
  //supporter details
  .supporter-details {
    .supporter-img {
      img {
        width: 35px;
        height: 35px;
        margin-right: 0.5rem;
        cursor: pointer;
      }
    }
  }
  //supporter info
  .supporter-info {
    vertical-align: middle;
  }
  // faq Accordion font-weight
  .accordion {
    .collapse-title {
      font-weight: $headings-font-weight;
      color: $headings-color;
    }
    &.collapse-margin {
      margin-top: 0;
    }
  }
}

// make jumbotron card body padding
@media only screen and (min-width: 992px) {
  .faq-bg {
    .card-body {
      padding: 8rem !important;
    }
  }
}
// make jumbotron card body padding
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-bg {
    .card-body {
      padding: 6rem !important;
    }
  }
}
